<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
	<title>确认订单</title>
	<link rel="stylesheet" href="../css/mui.min.css"/>
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.row-img {
			text-align: center;
		}
		.row-img img {
			max-width: 90%;
			max-height: 90%;
		}
		.product-data .product {
			padding-top: 7px;
			border-bottom: 1px solid #EEEEEE;
		}
		.product-data .product:last-child {
			border-bottom: none;
		}
		.product-name {
			font-size: 1.2em;
		}
		.row-submit {
			position: fixed;
			width: 100%;
			bottom: 0px;
			left: 0;
			right: 0;
			z-index: 999;
		}
		.row-submit > div {
			height: 40px;
			line-height: 35px;
		}
		.row-submit button {
			color: #fff;
			background: #FC3A2E;
			line-height: normal;
		}
		.logistical,
		.voucher,
		.addr {
			margin-top: 5px;
			padding-top: 5px;
			border-top: 1px solid #EEEEEE;
		}
		.voucher .voucher-name,
		.logistical .logistical_name,
		.addr .addr_name,
		.addr .addr_detail {
			min-height: 25px;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center fixed">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">确认订单</a>
	</header>
	<!-- 顶部导航 结束 -->
	<div class="spacing"></div>
	<div class="white pad-v product-data">
	</div>
	<div class="white mui-row pad-h-md pad-v mgn-v-sm">
		<div class="mui-col-xs-12 btn-go-logistical">
			选择物流方式
			<i class="iconfont icon-right mui-pull-right"></i>
		</div>
		<div class="mui-col-xs-12 logistical">
			<div class="logistical_name"></div>
		</div>
	</div>
	<div class="white mui-row pad-h-md pad-v mgn-v-sm">
		<div class="mui-col-xs-12 btn-go-voucher">
			使用优惠劵
			<i class="iconfont icon-right mui-pull-right"></i>
		</div>
		<div class="mui-col-xs-12 voucher">
			<div class="voucher-name"></div>
		</div>
	</div>
	<div class="white mui-row pad-h-md pad-v mgn-v-sm">
		<div class="mui-col-xs-12 btn-go-addr">
			选择收货地址
			<i class="iconfont icon-right mui-pull-right"></i>
		</div>
		<div class="mui-col-xs-12 addr">
			<div class="addr_name"></div>
			<div class="addr_detail"></div>
		</div>
	</div>
	<div class="pad-v-lg"></div>
	<div class="white mui-row pad-h-md pad-v-sm row-submit">
		<div class="mui-col-xs-12 pad-v-sm">
			合计
			<label class="text-primary">
				<span class="text-total-fee">￥0.00</span>
				<small class="express-fee"></small>
			</label>
			<button class="no-bdr rds btn-submit mui-pull-right" disabled="disabled">提交订单</button>
		</div>
	</div>
    <!-- 分类模板 开始 -->
	<script type="text/template" id="tpl-product">
		{{each data.goods_info as item idx}}
		<div class="mui-row product" data-product="{{item.goods_id}}" data-cart="{{item.cart_id}}">
			<div class="mui-col-xs-3 row-img">
				<img src="{{item.thumb | thumb}}" />
			</div>
			<div class="mui-col-xs-9 pad-h">
				<span class="product-name">{{item.title}}</span>
				<p>{{item.attr}}</p>
				<div class="text-primary">
					￥{{item.goods_price | price}}
					<span class="mui-pull-right">x{{item.goods_num}}</span>
				</div>
			</div>
		</div>
		{{/each}}
	</script>
	
	<script type="text/javascript" src="../js/mui.min.js" ></script>
	<script type="text/javascript" src="../js/jquery.min.js" ></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js" ></script>
	<script type="text/javascript" src="../js/app.js" ></script>
	<script type="text/javascript" src="checkout.js" ></script>
</body>
</html>